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<html> 

<form id = "get_card_info" m ethod = "post" action= "http://payment.asp ": 

<select name= "card_type" onClick= "talk(g_card_types)"> 

<option value- "amex"> American Express</option> 
< option value= "visa "> Visa </option> 
< option value= "ms"> MasterCard </option> 
</select> 

<reco id = "g_card_ty pes" onReco = "handle()" > 
< grammar src = "./gram #card_types" /> 

</reco > ~ 

<input type= "text" name = "card_num " width = "30" 
onClick="talk(g_card_num) n /> 
< reco id = " g_card_num " onReco = "handle() " > 

< grammar src = " ./gram # d igits " /> 

</reco > 

<input type = "text" nam e = "expiry_date" 

onClick="ta!k(g_expiry_date)" /> 
<reco id= "g_expiry_date " > 

< grammar src =" ./gram#dates " /> 

</reco > 

<input type="submit" va)ue = "Submit" onClick= "verifyO" /> 

</form> " 
<script> < ![CDATA[ 



function handle ( ) { 

if (get_card_info.card_num != null) { 

if (get_card_inf o . card_type . value == "amex") 
if (get_card_inf o . card_num. length != 15) 
alert ("amex should have 15 digits"); 



} 



if 



(get_card_inf o . card_num. length != 16) 
alert ("visa and master should have 16 digits"); 



function verify!) I 

var flag = window. confirm< "submit the credit card 
info?") ; 

if (flag) { 

get_card_info. submit ( ) ; 



} 



]]> 
</script> 
</html> 
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< body > 

< form id =" get_card_info " method ="post" action = " http://payment.asp " 
onActivate =" welcom() "> 

< prompt id =" p_welcome "> We now need your credit card </ prompt > 

< prompt id =" p_mumb!e "> I didn't understand you </ prompt > 

< prompt Id ="p _card_type " bargeirt = " true "> What credit card would you 
use? </ prompt > 

< prompt id =" p_card_num " bargein =" true "> Please say the number" </promp 

< prompt id =" p_expiry_date " bargein ="true"> What is the expiration 
date? </ prompt > 

< prompt id =" p_content "> 

I have your < value select =" card_type " /> < value select =" card_num " /: 
with expiration date 
< value select = " expiry_date " /> 
<l prompt > 

< prompt id =" p_confirm "> Is this correct? </prompt> 
=' g_card_types " onNoReco = " m urn ble(this, 2) "> 



onRecc 

< gramma 
</reco > 

< reco id = 
onReco : 



src = 



n die (this 
" ./gram#card_types " 

rd_num " onNoReco = m 
ndle(this, card_num) " /: 
= " ./gram#digits n /> 



< reco id=" g_expiry_date " onNoReco 



umble(this, 1) > 

1 mumble(this, 1) > 

" audio =" rao " /> 

" confirmed(this) " /> 



Vse'fect^'name =" t 

< option value 

< option value 

< option value 
</ select > 

< input type = " te 

< input type = " te 

< input type 



ubmit " 



c"> American Express 

> Visa <l option > 
■ MasterCard </ option > 



sxpiry_ date " /> 
= " Submit " /> 



:/ option > 



•<![CDATA[ 

runction welcome!) ( 

p_welcome . active ( ) ; 

repeat = 0; 

checkFilledO ; 

mumble (gob j , maxprompts! 



gobj.< 

checkFil led(] 
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function _handle() { 
handleO; 
checkFilledO; 

} 

function checkFilledO { 

if Ccard_type. value == "") { 
p_card_type . activeO ; 
^ g_card_types.activateO; return; 

if Ccard_num. value =="") { 
^ p_card_num.active(); g_card_num.acti vate() ; return; 

if (expiry_date. value == "") { 



p_expiry_data.activeQ; g_expiry_date.activateQ ; return; 



p_content.activateO ; 
p_conf i rm. activate C) ; 
confi r mati on. activate O ; 

function confi rmed(gobj) { 

if (gob j . recogRes. text == "yes") 
get_card_i nf o . submi t C) ; 



user codes start here 

function handle () { 

if (get_card_info.card_type == "amex") { 

if (get_card_info. > card_nuni. length != 15) { 



if (get_card_info.card_num. length != 16) { 

prompt. speak ('visa and master should have 16 digits"); 
get_card_info.card_num = ""; 




} 



, 3]> - 
</scn 

</body> 
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<body> 



<form id="get_card_info" method="post" action="http://payment.asp" 
onactivate="welcome()"> 

<prompt id="p_welcome">We now need your credit card</prompt> 

<prompt id="p_mumble">l didn't understand you</prompt> 

<prompt id="p_card_type" bargein="true">What credit card would you 

use?</prompt> 

<prompt id="p_card_num" bargein="true">Please say the number</prompt> 
<prompt id="p_expiry_date" bargein="true">What is the expiration 
date?</prompt> 

< prompt id="p_content"> 
I have your <value select="card_type" /xvalue select="card_num" /> 
with expiration date <value se!ect= 'expiry_date" /> 
</prompt> 

<prompt id="p_confirm">Is this correct?</prompt> 

<reco id="g_get_card_info"onReco="_handle()" onNoReco ="mumble(this)"> 
<grammar src ="./gram/getPayment" /> 
<bind target="card_type" value="/card/type" /> 

4f) c <bind target="card_num" value="/card/number" /> 

^ uo <bind target="expiry_date" value="/card/expr_date" /> 
</reco> 

<reco id="confirmation" onReco ="confirmed(this) onNoReco="mumble(this)" /> 
<grammar src ="./gram#yesno"/> 



<option value="amex"> American Express</option> 
<option value="visa">Visa</option> 
<option value="ms">MasterCard</option> 
</select> 

<input type="text" name="card_num" wrdth="30" /> 
<input type="text" name="expiry_date" /> 
<input type="submit" value="Submit" /> 

</form> 

<scriptx![;CDATA[ 

function welcomeC) { 
p_wel come . acti ve Q ; 



function mumble Cgobj) { 
gobj . deactivate C) ; 
p_mumbl e . acti ve 0 ; 
checkFilledQ; 




} 

function _handleQ { 






T 



function checkFilledO { 
if (carcLtype. value == "") { 

p_card_type.active() ; ; do_f i eld. acti vateO ; return; 

if (card_num. value =="") {" 

^ p_card_num.activeO ; do_fi eld. acti vate() ; return; 

if (expi ry_date. value = "") { 

p_expiry_data.active(); do_f i eld. acti vate () ; return 

p_content . acti vateO ; 
p_conf i rm . acti vate O ; 
conf i rmati on . acti vateO ; 

function conf i rmed (gob j) { 

if Cgobj.recogRes.text == "yes") 

get_card_i nf o . submi t (gensml () ) ; 

// 

// user codes sfart here 
// 

function handleO { 

if (field == get_card_info.card_num) { 

if (get_card_info.card_num. length 3= 15) { 

prompt. speak ("amex should nave 15 digits"); 
get_card_info.card_num = ""; 

} else 

if (get_card_info.card_num. length != 16) { 

prompt. speak ("visa should have 15 digits"); 
^ get_card_info.card_.nuin = ""; 

function gensml Q { 

str = '<smlxcredit_card type='"; 
str += card_type . val ue ; str += '"><number>'; 
str += card_number. value; str += '</numberxexpire>' 
str += expi ry_date. value; str += 
1 </expi rex/credit_cardx/sml> ' ; 

return str; 

} 

]]> 

</script> 
</body> 
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SAMPLE ASP+ PAGE 

<%@ Page language=" Jscript" AutoEventWireup="f alse" Inherits="Credit . Transact ' 
<htmlxhead> 

<! — ASPX page for both voice-only & multimodal credit card example — > 
<script> 

function handle () { 

if (field == get_card_inf o . card_num) { 

if (get_card_info.card_nuiti. length != 15) { 
prompt. speak ("amex should have 15 digits"); 
get_card_info.card_num = ""; 

} 

} else 

if (get_card_info.card_num. length != 16) { 
prompt. speak ("visa should have 15 digits"); 
get_card_info.card_num = ""; 

} 

} 

function gensml ( ) { 

str = ' <sml><credit_card><card_type>' ; 

str += card_type. value; str += ' </card_typexnumber> ' ; 
str += card_number. value; str += ' </numberXexpire> ' ; 
str += expiry_date. value; str += ' </expireX/credit_cardx/sml> ' ; 
return str; 

} 

</script> 

<script runat="server"> 
function Page_Load (obj, args) { 
if (PostBack) { 

validator = new System. Speech. SMLValidator (". /CreditSDL.xml") ; 
dsml = validator .Evaluate (args) ; 
Navigate (ChoosePage (dsml) ) ; 
} else { 

// initialize fields with args 

} 

} 

</script> 
</head> 
<body> 

<speech:form id="get_card_info" style="system_initiative" 

prompt=" . /prompt/get Payment" onsubmit="gensml () "> 
<speech: choice name="card_type" prompt="What credit card would you use?" 

grammar=" . /gram#card_types " onPhraseFinish="handle ( ) " 

<option>American Express</option> 

<option>Visa</option> 

<option>Mastercard </option> 
</ speech: choice> 

<speech:textbox name="card_n umber" prompt="Please say the number" 

grammar=" . /gram#digits" onPhraseFinish="handle ( ) "> 
< speech : textbox name="expiry_date" prompt="What is the expiration date? " 

grammar=" . /gram#dates" onPhraseFinish="handle ()"/> 

</speech:form> 
</body> 
</html> 
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